

.is-input-border{
	min-height: 24rpx;
	border: 1px solid #F0F0F0;
	border-radius: 4px;
}

.h70{
	height: 70rpx;
}

.button{
	height: 24rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card{
	border-radius: 4rpx;
	border: 1px solid #ccc;
	box-shadow: 1rpx 2rpx 2rpx #bbb;
}

/*防止图片闪一下*/
image{will-change:transform}
/*定位*/
.position-absolute{position:absolute;}
.position-fixed{position:fixed;}
.position-relative{position:relative;}

.position-sticky{position: sticky;top:-2px;z-index:1;}

.left-0{left:0;}
.top-0{top:0;}
.bottom-0{bottom:0;}
.right-0{right:0;}
/*宽高*/
.w-100{width:100%;}
.w-50{width:50%;}
.h-100{ height: 100vh;}
.h-50{ width: 50vh; }
body{
--primary:#468FF4;
--secondary:#909193;
--black:#333333;
--red:#fa5151;
--green:#67C23A;
--blue:#007AFF;
--yellow:#ffcc00;
--orange:#ff9900;
--purple:#9b59b6;
--white:#fff;
--bgColor:#DFE1E3;
--borderColor:#ccc;
}
/*字体*/
.font-1vw{font-size:1vw;}
.font-2vw{font-size:2vw;}
.font-3vw{font-size:3vw;}
.font-4vw{font-size:4vw;}
.font-5vw{font-size:5vw;}
.font{font-size:6rpx;}
.font-sm{font-size:4rpx;}
.font-md{font-size:8rpx;}
.font-lg{font-size:10rpx;}
.font-big{font-size:12rpx;}
.font-weight{font-weight:bold;}
.font-weight-100{font-weight:100!important;}
.line-through{text-decoration:line-through;}
.line-h0{ line-height: 0!important; }
.line-h{ line-height: 1!important; }
.line-h-sm{ line-height: 1.2!important; }
.line-h-md{ line-height: 1.5!important; }
.line-h-lg{ line-height: 2!important; }
.line-h-big{ line-height: 3!important; }
.line-through{ text-decoration: line-through; }
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
/* 文本不换行 */
.nowrap {white-space: nowrap;}
/* 文本超出换行 */
.break-word {word-wrap: break-word;word-break: normal | break-all | keep-all;}
/* 文本超出用省略号 */
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*flex布局*/
.d-flex{ display: flex; }
.d-block{ display: block; }
.d-inline-block{ display: inline-block; }
.flex-1{ flex: 1; }
.flex-column{ flex-direction: column; }
.flex-column-reverse{
	flex-direction: column-reverse;
}
.flex-row{ flex-direction: row; }
.flex-wrap{ flex-wrap: wrap; }
.flex-nowrap{ flex-wrap: nowrap; }
.flex-shrink{flex-shrink: 0;}
.j-start{ justify-content: flex-start; }
.j-center{ justify-content: center; }
.j-end{ justify-content: flex-end; }
.j-sb{ justify-content: space-between; }
.a-center{ align-items:center; }
.a-start{ align-items: flex-start; }
.a-end{ align-items:flex-end; }
.a-stretch{ align-items: stretch; }
.a-self-start{ align-self: flex-start; }
.a-self-auto{ align-self: auto; }
.a-self-end{ align-self: flex-end; }
.a-self-stretch{ align-self:stretch; }
.a-self-baseline{ align-self:baseline; }



/* Border */
.border{ border-width: 1px; border-style: solid; border-color: var(--borderColor);}
.border-top{ border-top-width: 1px; border-top-style: solid; border-top-color: var(--borderColor); }
.border-right{ border-right-width: 1px; border-right-style: solid; border-right-color: var(--borderColor);}
.border-bottom{ border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:var(--borderColor);}
.border-left{ border-left-width: 1px;border-left-style: solid;border-left-color:var(--borderColor);}
.border-0{ border-width: 0; }
.border-top-0{ border-top-width: 0; }
.border-right-0{ border-right-width: 0; }
.border-bottom-0{ border-bottom-width: 0; }
.border-left-0{ border-left-width: 0; }
.border-primary{ border-color: var(--primary)!important }
.border-secondary{ border-color: var(--secondary)!important }
.rounded-min{ border-radius: 2rpx; }
.rounded{ border-radius: 4rpx; }
.rounded-max{ border-radius: 16rpx; }
.rounded-circle{ border-radius:100%; }
.rounded-0{ border-radius:0; }
/*color*/
.text-primary{color:var(--primary);}
.text-secondary{color:var(--secondary)}
.text-white{color:var(--white)}
.text-red{color:var(--red)}
.text-orange{color:var(--orange)}
.text-green{color:var(--green)}
.text-blue{color:var(--blue)}
.text-yellow{color:var(--yellow)}
/*bgcolor*/
.bg-primary{background-color:var(--primary);}
.bg-secondary{background-color:var(--secondary)}
.bg-white{background-color:var(--white);}
.bg-red{background-color:var(--red);}
.bg-orange{background-color:var(--orange);}
.bg-green{background-color:var(--green);}
.bg-blue{background-color:var(--blue);}
.bg-yellow{background-color:var(--yellow);}
.bg{background-color:var(--bgColor);}
/*Spacing*/
.m-0{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;}
.m{margin-left:5rpx;margin-right:5rpx;margin-top:5rpx;margin-bottom:5rpx;}
.m-1{margin-left:10rpx;margin-right:10rpx;margin-top:10rpx;margin-bottom:10rpx;}
.m-2{margin-left:20rpx;margin-right:20rpx;margin-top:20rpx;margin-bottom:20rpx;}
.m-3{margin-left:30rpx;margin-right:30rpx;margin-top:30rpx;margin-bottom:30rpx;}
.m-4{margin-left:40rpx;margin-right:40rpx;margin-top:40rpx;margin-bottom:40rpx;}
.m-5{margin-left:50rpx;margin-right:50rpx;margin-top:50rpx;margin-bottom:50rpx;}
.mx-0{margin-left:0;margin-right:0;}
.mx{margin-left:5rpx;margin-right:5rpx;}
.mx-1{margin-left:10rpx;margin-right:10rpx;}
.mx-2{margin-left:20rpx;margin-right:20rpx;}
.mx-3{margin-left:30rpx;margin-right:30rpx;}
.mx-4{margin-left:40rpx;margin-right:40rpx;}
.mx-5{margin-left:50rpx;margin-right:50rpx;}
.my-0{margin-top:0;margin-bottom:0;}
.my{margin-top:5rpx;margin-bottom:5rpx;}
.my-1{margin-top:10rpx;margin-bottom:10rpx;}
.my-2{margin-top:20rpx;margin-bottom:20rpx;}
.my-3{margin-top:30rpx;margin-bottom:30rpx;}
.my-4{margin-top:40rpx;margin-bottom:40rpx;}
.my-5{margin-top:50rpx;margin-bottom:50rpx;}
.mt-0{margin-top:0;}
.mt-auto { margin-top: auto;}
.mt{margin-top:5rpx;}
.mt-1{margin-top:10rpx;}
.mt-2{margin-top:20rpx;}
.mt-3{margin-top:30rpx;}
.mt-4{margin-top:40rpx;}
.mt-5{margin-top:50rpx;}
.mb-0{margin-bottom:0;}
.mb-auto { margin-bottom: auto;}
.mb{margin-bottom:5rpx;}
.mb-1{margin-bottom:10rpx;}
.mb-2{margin-bottom:20rpx;}
.mb-3{margin-bottom:30rpx;}
.mb-4{margin-bottom:40rpx;}
.mb-5{margin-bottom:50rpx;}
.ml-0{margin-left:0;}
.ml-auto { margin-left: auto;}
.ml{margin-left:5rpx;}
.ml-1{margin-left:10rpx;}
.ml-2{margin-left:20rpx;}
.ml-3{margin-left:30rpx;}
.ml-4{margin-left:40rpx;}
.ml-5{margin-left:50rpx;}
.mr-0{margin-right:0;}
.mr-auto { margin-right: auto;}
.mr{margin-right:5rpx;}
.mr-1{margin-right:10rpx;}
.mr-2{margin-right:20rpx;}
.mr-3{margin-right:30rpx;}
.mr-4{margin-right:40rpx;}
.mr-5{margin-right:50rpx;}
.p-0{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;}
.p{padding-left:5rpx;padding-right:5rpx;padding-top:5rpx;padding-bottom:5rpx;}
.p-1{padding-left:10rpx;padding-right:10rpx;padding-top:10rpx;padding-bottom:10rpx;}
.p-2{padding-left:20rpx;padding-right:20rpx;padding-top:20rpx;padding-bottom:20rpx;}
.p-3{padding-left:30rpx;padding-right:30rpx;padding-top:30rpx;padding-bottom:30rpx;}
.p-4{padding-left:40rpx;padding-right:40rpx;padding-top:40rpx;padding-bottom:40rpx;}
.p-5{padding-left:50rpx;padding-right:50rpx;padding-top:50rpx;padding-bottom:50rpx;}
.px-0{padding-left:0;padding-right:0;}
.px{padding-left:5rpx;padding-right:5rpx;}
.px-1{padding-left:10rpx;padding-right:10rpx;}
.px-2{padding-left:20rpx;padding-right:20rpx;}
.px-3{padding-left:30rpx;padding-right:30rpx;}
.px-4{padding-left:40rpx;padding-right:40rpx;}
.px-5{padding-left:50rpx;padding-right:50rpx;}
.py-0{padding-top:0;padding-bottom:0;}
.py{padding-top:5rpx;padding-bottom:5rpx;}
.py-1{padding-top:10rpx;padding-bottom:10rpx;}
.py-2{padding-top:20rpx;padding-bottom:20rpx;}
.py-3{padding-top:30rpx;padding-bottom:30rpx;}
.py-4{padding-top:40rpx;padding-bottom:40rpx;}
.py-5{padding-top:50rpx;padding-bottom:50rpx;}
.pt-0{padding-top:0;}
.pt{padding-top:5rpx;}
.pt-1{padding-top:10rpx;}
.pt-2{padding-top:20rpx;}
.pt-3{padding-top:30rpx;}
.pt-4{padding-top:40rpx;}
.pt-5{padding-top:50rpx;}
.pb-0{padding-bottom:0;}
.pb{padding-bottom:5rpx;}
.pb-1{padding-bottom:10rpx;}
.pb-2{padding-bottom:20rpx;}
.pb-3{padding-bottom:30rpx;}
.pb-4{padding-bottom:40rpx;}
.pb-5{padding-bottom:50rpx;}
.pl-0{padding-left:0;}
.pl{padding-left:5rpx;}
.pl-1{padding-left:10rpx;}
.pl-2{padding-left:20rpx;}
.pl-3{padding-left:30rpx;}
.pl-4{padding-left:40rpx;}
.pl-5{padding-left:50rpx;}
.pr-0{padding-right:0;}
.pr{padding-right:5rpx;}
.pr-1{padding-right:10rpx;}
.pr-2{padding-right:20rpx;}
.pr-3{padding-right:30rpx;}
.pr-4{padding-right:40rpx;}
.pr-5{padding-right:50rpx;}